<!DOCTYPE html>
<html>
	<head>
		<title>
			LaptopBg
		</title>
		<link type="text/css" rel="stylesheet" href="style.css" />
	</head>
	<body>
		<div id="outerFrame">
			<div id="head">
				<h3><u>Apple</u> <u>Toshiba</u> <u>Lenovo</u> <u>Dell</u> <u>Asus</u> <u>Acer</u> <u>HP</u><h3>
			</div>
			<div id="innerFrame">
				<fieldset id="cell1">
					<div class="image"></div>
					<legend align="center"><pre>   Apple MacBook Air   </pre></legend>
					<span class="hard"><span class="smal">64</span>GB SSD</span>
					<span class="ram"><span class="smal">2</span>GB DDR</span>
					<span class="cpu">Inter Core i5</span>
					<span class="price"><span class="smal">1300</span> USD</span>						 
				</fieldset>
				<fieldset id="cell2">
					<div class="image"></div>
					<legend align="center"><pre>   Apple MacBook Air   </pre></legend>
					<span class="hard"><span class="smal">64</span>GB SSD</span>
					<span class="ram"><span class="smal">2</span>GB DDR</span>
					<span class="cpu">Inter Core i5</span>
					<span class="price"><span class="smal">1300</span> USD</span>						 
				</fieldset>
				<fieldset id="cell3">
					<div class="image"></div>
					<legend align="center"><pre>   Apple MacBook Air   </pre></legend>
					<span class="hard"><span class="smal">64</span>GB SSD</span>
					<span class="ram"><span class="smal">2</span>GB DDR</span>
					<span class="cpu">Inter Core i5</span>
					<span class="price"><span class="smal">1300</span> USD</span>						 
				</fieldset>
				<fieldset id="cell4">
					<div class="image"></div>
					<legend align="center"><pre>   Apple MacBook Air   </pre></legend>
					<span class="hard"><span class="smal">64</span>GB SSD</span>
					<span class="ram"><span class="smal">2</span>GB DDR</span>
					<span class="cpu">Inter Core i5</span>
					<span class="price"><span class="smal">1300</span> USD</span>						 
				</fieldset>
				<fieldset id="cell5">
					<div class="image"></div>
					<legend align="center"><pre>   Apple MacBook Air   </pre></legend>
					<span class="hard"><span class="smal">64</span>GB SSD</span>
					<span class="ram"><span class="smal">2</span>GB DDR</span>
					<span class="cpu">Inter Core i5</span>
					<span class="price"><span class="smal">1300</span> USD</span>						 
				</fieldset>
				<fieldset id="cell6">
					<div class="image"></div>
					<legend align="center"><pre>   Apple MacBook Air   </pre></legend>
					<span class="hard"><span class="smal">64</span>GB SSD</span>
					<span class="ram"><span class="smal">2</span>GB DDR</span>
					<span class="cpu">Inter Core i5</span>
					<span class="price"><span class="smal">1300</span> USD</span>						 
				</fieldset>
				
			</div>
			<div id="innerFrame2">
				<br />
				<br />
				<span class="mPrice"><pre>Min   price:   <span class="smal">500</span> USD</pre></span>
				<input type="range" class="mPrice range">
				<span class="mPrice"><pre>Max   price:   <span class="smal">1500</span> USD</pre></span>
				<input type="range" class="mPrice range">
				<span class="mPrice"><pre>Min   RAM:   <span class="smal">4</span> GB</pre></span>
				<input type="range" class="mPrice range">
				<span class="mPrice"><pre>Max   price:   <span class="smal">16</span> GB</pre></span>
			</div>
		</div>
	</body>
</html>